草庐IT

前端 PM

全部标签

前端性能优化——内存问题

过高的内存资源占用会导致Web应用变慢,甚至崩溃。可以通过window.performance.memory查看浏览器的内存限制等信息。一、常见内存问题Web前端开发中存在许多内存问题,下面是一些常见的内存问题:内存泄漏:当一个对象不再被使用,但仍然占用着内存空间,就会导致内存泄漏问题。在Web应用中,常见的内存泄漏场景包括不合理的事件绑定、未正确释放定时器、闭包等。大量数据的加载和处理:在Web应用中,如果我们需要加载和处理大量的数据,容易导致内存占用过高。例如,当我们需要加载大量的图片、视频、音频等资源时,需要合理控制加载时机和内存占用。不合理的数据结构和算法:在Web应用中,如果我们使用

VSCode前端必备插件2022版(持续更新)

VSCode前端必备插件2022版(持续更新)VSCode作为我们前端主流的开发工具,优势自然在于它的扩展插件,可以有效地提高开发效率和团队协作,本文提高的都是UP主亲测,最底下贴入我的vscode设置,如果有发现不错的插件,小伙伴们也可以私信UP主,觉得UP主推荐的不错的小伙伴们,请多多支持!话不多说直接上。1.Chinese(Simplified)(简体中文)LanguagePackforVisualStudioCode(必备)​VSCode汉化版必备,对于我这种只认识21个英文字母的渣渣来说,是很需要,安装后重启即可。2.GitLens—Gitsupercharged(必备)​这个就不多

渗透测试中的前端调试(一)

前言前端调试是安全测试的重要组成部分。它能够帮助我们掌握网页的运行原理,包括js脚本的逻辑、加解密的方法、网络请求的参数等。利用这些信息,我们就可以更准确地发现网站的漏洞,制定出有效的攻击策略。前端知识对于安全来说,不但可以提高测试效率,还可以拓宽测试思路。以下的一个案例是我在测试一个后台管理系统时遇到的问题,本来在登录页面通过js已经发现了接口和字段,但是请求的时候发现不是未授权漏洞,但是字段只有新密码和用户名,那么这个大概率是存在漏洞的。正文本次为授权测试,客户有提供账号密码。在后台的修改密码处:JavaScript分析当我输入正确密码时,又消失,说明存在校验。要么后端校验,要么前端校验。

推荐一个高质量专栏:「前端面试必备」

文章目录专栏作者介绍专栏介绍目录(前25篇)目录(后25篇)专栏文章部分摘抄JavaScriptVue网络请求和HTTPNode.jswebpackBabelVite微信小程序Vuexuni-appGitECharts前端工程化写在结尾专栏作者介绍🤍前端开发工程师(主业)、技术博主(副业)、已过CET6🍨阿珊和她的猫_CSDN个人主页🕠牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》🍚蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》专栏介绍前端面试必备知识点:HTML和CSS、JS(变量/数

Java中GET请求与POST请求,前端传参与后端接收实例

此示例以代码方式展现,可直接结合controller层每个接口上方注释与其接口传递参数方式理解!前端传参直接就以apiPost工具来代替apiPost调用后端接口几种方式 代码: controller层:packagecom.chensir.ceshi.controller;importcom.chensir.ceshi.entity.User;importcom.chensir.ceshi.service.GetAndPostService;importcom.chensir.handler.Result;importorg.springframework.web.bind.annotati

微软最热门的10款前端开源项目!

本文来盘点微软开源的十大前端项目,这些项目在Github上获得了超过45万Star!VisualStudioCodeVisualStudioCode是一款由微软开发的开源的代码编辑器。它支持多种编程语言,如C、C++、C#、Python、JavaScript和TypeScript等,并提供丰富的插件生态系统来扩展功能。VSCode具有丰富的编辑功能,包括语法高亮、智能代码补全、代码导航、调试功能等。它还提供了集成的终端窗口、Git版本控制工具和丰富的主题和扩展插件,能够满足开发者的各种需求。图片Github(151k⭐️):https://github.com/microsoft/vscode

Java后端返回PDF预览给前端

前端要预览服务器PDF可直接将要blob流返回给前端即可用浏览器自带pdf预览功能打开,现有两种方式方式1返回blob流给前端代码如下    @PostMapping(value="/preview")@ResponseBodypublicvoidshowPdf(HttpServletResponseresponse){try{Filefile=newFile("filePath");OutputStreamout=null;try(BufferedInputStreambr=newBufferedInputStream(newFileInputStream(file));){byte[]bs

前端安全系列(一):如何防止XSS攻击?

前端安全随着互联网的高速发展,信息安全问题已经成为企业最为关注的焦点之一,而前端又是引发企业安全问题的高危据点。在移动互联网时代,前端人员除了传统的XSS、CSRF等安全问题之外,又时常遭遇网络劫持、非法调用HybridAPI等新型安全问题。当然,浏览器自身也在不断在进化和发展,不断引入CSP、Same-SiteCookies等新技术来增强安全性,但是仍存在很多潜在的威胁,这需要前端技术人员不断进行“查漏补缺”。近几年,美团业务高速发展,前端随之面临很多安全挑战,因此积累了大量的实践经验。我们梳理了常见的前端安全问题以及对应的解决方案,将会做成一个系列,希望可以帮助前端人员在日常开发中不断预防

前端面试的话术集锦第 7 篇:高频考点(浏览器渲染原理 & 安全防范)

这是记录前端面试的话术集锦第七篇博文——高频考点(浏览器渲染原理&安全防范),我会不断更新该博文。❗❗❗1.浏览器渲染原理注意:该章节都是⼀个⾯试题。1.1渲染过程1.1.1浏览器接收到HTML⽂件并转换为DOM树当我们打开⼀个⽹⻚时,浏览器都会去请求对应的HTML⽂件。虽然平时我们写代码时都会分为JS、CSS、HTML⽂件,也就是字符串,但是计算机硬件是不理解这些字符串的,所以在⽹络中传输的内容其实都是0和1这些字节数据。当浏览器接收到这些字节数据以后,它会将这些字节数据转换为字符串,也就是我们写的代码。当数据转换为字符串以后,浏览器会先将这些字符串通过词法分析转换为标记(token),这⼀

浅入深出的微前端MicroApp

前言:本文是由最近做的一个项目有感而发,因为之前做了一些技术栈的统一,为了用antDesign的pro-table,PC统一使用react,但是我们有一些老的项目是vue的,本次新页面较多,老页面的改动较少,除此之外老项目想换菜单,因此我们想借助本次机会用react开发,经过了几番思考,发现本次很适合用微前端来完成本次需求,最终决定用react搭建一个基座(主应用),将原来的vue项目接入到基座,这样我们不仅实现了新页面react开发,而且老项目也能和新项目融合一起。微前端的概念什么是微前端?微前端是借鉴了微服务的架构理念,它既可以将多个项目融合为一,又可以减少项目之间的耦合,提升项目扩展性,